<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
</head>
<body>
    <div class="head"><div class="head-logo"><img src="images/logo.png" ></div></div>
    <div class="nav">
        <div class="center">
            <div class="nav-left">
                <img src="images/location.png">
                <span>深圳  <切换></span>
            </div>
            <div class="nav-center">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">测评</a></li>
                    <li><a href="#">商城</a></li>
                </ul>
            </div>
            <div class="nav-right">
                <img src="images/adm.png" >
                <span>个人中心</span>
            </div> 
        </div>
    </div>

    <!-- 主体部分 -->
    <div class="body">
        <div class="guide">
            <span>首页 > 预防装修污染 > 材料库</span>
        </div>
        <div class="choice">
            <ul  class="category">
                <li class="title">类别</li>
                <li><a href="#">全部</a></li>
                <li><a href="#">地板</a></li>
                <li><a href="#">涂料</a></li>
                <li><a href="#">墙纸</a></li>
                <li><a href="#">瓷砖</a></li>
                <li><a href="#">粘胶剂</a></li>
                <li><a href="#">油漆</a></li>
                <li><a href="#">家具</a></li>
                <li><a href="#">板材</a></li>
                <li><a href="#">饰品</a></li>
                <img src="images/indexSelect.png" >
            </ul>
            <ul  class="type">
                <li class="title">类型</li>
                <li><a href="#">全部</a></li>
            </ul>
            <ul  class="material">
                <li class="title">材质</li>
                <li><a href="#">全部</a></li>
                <li><a href="#">实木</a></li>
                <li><a href="#">复合</a></li>
                <li><a href="#">强化</a></li>
                <li><a href="#">其他</a></li>
            </ul>
            <ul  class="brand">
                <li class="title">品牌</li>
                <li><a href="#">全部</a></li>
                <li><a href="#">圣象</a></li>
                <li><a href="#">大自然</a></li>
                <li><a href="#">生活家</a></li>
                <li><a href="#">北美枫情</a></li>
                <li><a href="#">德尔</a></li>
                <li><a href="#">博典</a></li>
                <li><a href="#">船王</a></li>
            </ul>
        </div>
        <div class="detail">
            <ul>
                <li><a href="#">发布时间</a></li>
                <img src="images/downicon.png" >
                <li><a href="#">价格</a></li>
                <img src="images/upicon.png" >
                <li><a href="#">环保节能</a></li>
                <img src="images/upicon.png" >
            </ul>
            <div class="search"> <input type="text"></div>
            <div class="magnifer"><img src="images/search.png"></div>
            <div class="btn"><button >搜索</button></div>
            <div class="knowmore">
                <img src="images/wenhao.png" >
                <span>了解家居医生建材环保评级标准</span>
            </div>
        </div>
        <div class="container">
            <div class="row-one">
                <div class="one two">
                    <img src="images/data_image.png" >
               
                    <table>
                        <tr>
                            <td>德尔&nbsp;&nbsp;&nbsp;&nbsp;</td> 
                            <td>都市系列3001</td>
                        </tr>
                        <tr>
                            <td>木地板</td>
                            <td>  -  复合地板</td>
                        </tr>
                        <tr>
                            <td>单价：</td>
                            <td>128元/m2</td>
                        </tr>
                    </table>
                    <span class="font1" style="color: #FFA700;">环保评级：B</span>
                    <span class="font2"style="color: #FFA700;">（可以使用）</span>
                </div>
                <div class="one">
                    <img src="images/data_image.png" >
                    <table>
                        <tr>
                            <td>德尔&nbsp;&nbsp;&nbsp;&nbsp;</td> 
                            <td>都市系列3001</td>
                        </tr>
                        <tr>
                            <td>木地板</td>
                            <td>  -  复合地板</td>
                        </tr>
                        <tr>
                            <td>单价：</td>
                            <td>128元/m2</td>
                        </tr>
                    </table>
                    <span class="font1">环保评级：B</span>
                    <span class="font2">（可以使用）</span>
                </div>
                <div class="one">
                    <img src="images/data_image.png" >
                    <table>
                        <tr>
                            <td>德尔&nbsp;&nbsp;&nbsp;&nbsp;</td> 
                            <td>都市系列3001</td>
                        </tr>
                        <tr>
                            <td>木地板</td>
                            <td>  -  复合地板</td>
                        </tr>
                        <tr>
                            <td>单价：</td>
                            <td>128元/m2</td>
                        </tr>
                    </table>
                    <span class="font1">环保评级：B</span>
                    <span class="font2">（可以使用）</span>
                </div>
                <div class="one">
                    <img src="images/data_image.png" >
                    <table>
                        <tr>
                            <td>德尔&nbsp;&nbsp;&nbsp;&nbsp;</td> 
                            <td>都市系列3001</td>
                        </tr>
                        <tr>
                            <td>木地板</td>
                            <td>  -  复合地板</td>
                        </tr>
                        <tr>
                            <td>单价：</td>
                            <td>128元/m2</td>
                        </tr>
                    </table>
                    <span class="font1">环保评级：B</span>
                    <span class="font2">（可以使用）</span>
                </div>
            </div>
            <div class="row-one">
                <div class="one">
                    <img src="images/data_image.png" >
                    <table>
                        <tr>
                            <td>德尔&nbsp;&nbsp;&nbsp;&nbsp;</td> 
                            <td>都市系列3001</td>
                        </tr>
                        <tr>
                            <td>木地板</td>
                            <td>  -  复合地板</td>
                        </tr>
                        <tr>
                            <td>单价：</td>
                            <td>128元/m2</td>
                        </tr>
                    </table>
                    <span class="font1">环保评级：B</span>
                    <span class="font2">（可以使用）</span>
                </div>
                <div class="one">
                    <img src="images/data_image.png" >
                    <table>
                        <tr>
                            <td>德尔&nbsp;&nbsp;&nbsp;&nbsp;</td> 
                            <td>都市系列3001</td>
                        </tr>
                        <tr>
                            <td>木地板</td>
                            <td>  -  复合地板</td>
                        </tr>
                        <tr>
                            <td>单价：</td>
                            <td>128元/m2</td>
                        </tr>
                    </table>
                    <span class="font1">环保评级：B</span>
                    <span class="font2">（可以使用）</span>
                </div>
                <div class="one">
                    <img src="images/data_image.png" >
                    <table>
                        <tr>
                            <td>德尔&nbsp;&nbsp;&nbsp;&nbsp;</td> 
                            <td>都市系列3001</td>
                        </tr>
                        <tr>
                            <td>木地板</td>
                            <td>  -  复合地板</td>
                        </tr>
                        <tr>
                            <td>单价：</td>
                            <td>128元/m2</td>
                        </tr>
                    </table>
                    <span class="font1">环保评级：B</span>
                    <span class="font2">（可以使用）</span>
                </div>
                <div class="one">
                    <img src="images/data_image.png" >
                    <table>
                        <tr>
                            <td>德尔&nbsp;&nbsp;&nbsp;&nbsp;</td> 
                            <td>都市系列3001</td>
                        </tr>
                        <tr>
                            <td>木地板</td>
                            <td>  -  复合地板</td>
                        </tr>
                        <tr>
                            <td>单价：</td>
                            <td>128元/m2</td>
                        </tr>
                    </table>
                    <span class="font1">环保评级：B</span>
                    <span class="font2">（可以使用）</span>
                </div>
            </div>
        </div>
        <div class="page">
            <div class="up">
                <span>上一页</span>
            </div>
            <div class="yeMa">
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
            </div>
            <div class="down">
                <span>下一页</span>
            </div>
            <div class="ending">
                <span>共有10页，去第</span>
                <input type="text">
                <span>页</span>
            </div>
            <div class="btn2">
                <button>确定</button>
            </div>
        </div>
        <div class="QRcode">
            <div class="QR">
                <img src="images/small_weixin.png" >
            </div>
            <div class="discribe">
                <p>建材检测 需求反馈</p>
                <span>亲爱的用户，我们正在不断的完善和更新建材库，</span><br>
                <span>若没有找到您想要的材料信息，请将您想测的建材告诉我们。</span>
            </div>
        </div>
    </div>

    <!-- 尾部 -->
    <div class="foot">
        <div class="put-center">
            <div class="foot-up">
                <div class="home">
                    <img src="images/footerLogo.png" >
                    <p>为室内环境健康把好每一关</p>
                    <span>家居医生致力于中国人的家居健康问题，通过专业的技术研究</span><br>
                    <span>和测评，倾力协助大众打造绿色、环保的人居生活环境</span>
                </div>
                <div class="about">
                    <table>
                        <tr>
                            <td><a href="#">关于我们</a></td>
                            <td><a href="#">版权说明</a></td>
                        </tr>
                        <tr>
                            <td><a href="#">联系我们</a></td>
                            <td><a href="#">用户隐私</a></td>
                        </tr>
                        <tr>
                            <td><a href="#">加入我们</a></td>
                            <td><a href="#">免责声明</a></td>
                        </tr>
                    </table>
                </div>
                <div class="store">
                    <img src="images/weixin2.png">
                    <p>官方微信</p>
                    <img src="images/tianmao.png" >
                    <p>天猫旗舰店</p>
                    <img src="images/shop.png" >
                    <p>有赞商城</p>
                </>
            </div>
            <div class="line"></div>
            <div class="foot-down">

                    <span class="company">深圳建筑科学研究院股份有限公司   家居医生网</span>
                    <span class="copyright">粤ICP备08011321号©Copyright All Reserved</span>

            </div>
        </div>
    </div>
</body>
</html>